<template>
  <view>
    <image class="user_bg" src="/static/beijing.png"></image>
	<view class="user_info">
		<image class="user_icon" src="../../static/beijing.png"></image>
	</view>
	
	<view class="other" v-model="supplierList">
	
		<view class="other_item">
			<image class="user_wz" src="../../static/zhanghao.png"></image>
			<text class="user_text">{{supplierList.phone}}</text>
		</view>
		
		<view class="other_item">
			<image class="user_wz" src="../../static/mingcheng.png"></image>
			<text class="user_text">{{supplierList.name}}</text>
		</view>
		
		<view class="other_item">
			<image class="user_wz" src="../../static/dizhi.png"></image>
			<text class="user_text">{{supplierList.address}}</text>
		</view>
		
		
		</view>
		
		<view class="other" >
			<view  class="other_item">
				 <navigator url="../mima/mima">
					<image class="user_wz" src="../../static/mima.png"></image>
					<text class="user_text" @tap="gonavigate">修改密码</text>
				</navigator>
			</view>
			
			<view class="other_item">
				<navigator url="../denglu/denglu">
					<image class="user_wz" src="../../static/logout.png"></image>
					<text class="user_text">退出登录</text>
				</navigator>
		</view>
	
		 
	</view>
  </view>
  
 
</template>

<script>
	import axios from 'axios'
import config from '../../common/config';
  export default {
    data() {
      return {
		supplierList:{
		
		id:0,
        phone:'',
		name:'',
		address:'',
		}
      };
    },
	created() {
		this.getList();
		
	},
	methods:{
		 
		
		getList(){
			let id=uni.getStorageSync('ghId')
			console.log(id)
				axios.get(config.baseUrl+'supplier/ssmsupplier/info/'+id)
				.then((response)=>{
					this.supplierList.id=response.data.ssmSupplier.ghId
					this.supplierList.phone=response.data.ssmSupplier.ghPhone
					this.supplierList.name=response.data.ssmSupplier.dhName
					this.supplierList.address=response.data.ssmSupplier.ghSite
										
				})
			}
	}
  }
</script>

<style>
	page{
	  background-color: #edece8;
	}
.user_bg{
  height: 33vh;
  width: 100%;
  filter: blur(10rpx);
}

.user_info{
 position: absolute;
 left: 50%;
 transform: translate(-50%);
 top:10%;
 text-align: center;
 margin-top: 30rpx;
}

.user_icon{
  width: 150rpx;
  height: 150rpx;
  border-radius: 50%;
}

.user_wz{

	width: 50rpx;
	height: 50rpx;

}
.other_item{
  margin-top: 30rpx;
  background-color: #fff;
  padding: 20rpx;
  border-bottom: 1rpx solid #ccc;
}
.user_text{
	margin-left: 50rpx;
	font-size: 32rpx;
}
</style>
